<template>
	<view class="add-student">
		<u-form labelPosition="left" :model="userInfo" labelWidth="240rpx" ref="form" :rules="rules">
			<view class="form-label-top margin-top-3">
				<u-form-item label="姓名" prop="name" borderBottom required>
					<view class="d-flex justify-space-between">
						<view>
							<!-- <u-input v-model="userInfo.name" placeholder="请输入姓名" border="none" /> -->
							<view class="">
								愿望与
							</view>

							<view style="margin-top: 36rpx;">
								<u-radio-group v-model="userInfo.sex" @change="groupChange">
									<u-radio label="男" :name="1" />
									<u-radio label="女" :name="2" customStyle="margin-left: 60rpx;" />
								</u-radio-group>
							</view>
						</view>
						<view class="">
							<u-image width="150rpx" height="150rpx" radius="10rpx" src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/39/46b290948dff1821639a1a55d1525f.png?attname=3.png">
							</u-image>
						</view>

					</view>
				</u-form-item>
			</view>

			<view class="form-label-top margin-top-3">
				<u-form-item label="手机号" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						15651039802
					</view>
				</u-form-item>
				<u-form-item label="监护人" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						祁志龙
					</view>
				</u-form-item>
				<u-form-item label="监护人手机号" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						15651039802
					</view>
				</u-form-item>
				<u-form-item label="监护人关系" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						其他
					</view>
				</u-form-item>

				<u-form-item label="监护人2" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						祁志龙
					</view>
				</u-form-item>
				<u-form-item label="监护人2手机号" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						15651039802
					</view>
				</u-form-item>
				<u-form-item label="监护人2关系" prop="userInfo.phone" borderBottom ref="item1" required>
					<view style="text-align: right;">
						其他
					</view>
				</u-form-item>

				<view class="group">
					<u-form-item label="身份证号" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							7894561546545
						</view>
					</u-form-item>
					<u-form-item label="婚姻状况" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							已婚
						</view>
					</u-form-item>
					<u-form-item label="生日" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							1995/10/27
						</view>
					</u-form-item>
					<u-form-item label="城市" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="邮箱" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="身高" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="体重" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="年龄" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="地址" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="公司" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="毕业学校" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
					<u-form-item label="职业" prop="userInfo.phone" borderBottom ref="item1" required>
						<view style="text-align: right;">
							江苏南通
						</view>
					</u-form-item>
				</view>
			</view>
		</u-form>

		<!-- <view class="bottom-add-btn"
			style="width: 100%; height: 160rpx;background-color: #fff;position: fixed;z-index: 9;bottom: 0;left: 0;">
			<u-button text="确认添加" shape="circle" @click="add"
				color="linear-gradient(0deg, rgb(47, 117, 250) 0%, rgb(82, 142, 255) 100%)"></u-button>
		</view> -->
	</view>
</template>

<script>
	import {
		formatDate
	} from "@/utils/util.js";
	const train = require("@/api/train/index.js");
	export default {
		data() {
			return {
				rules: {

				},
				userInfo: {
					name: '', //姓名
					sex: 1, //性别
					custodian: '', //监护人
					birthday: '', //birthday
					phone: '', //电话号码
					gender: 1, //
					kinship: '', //
					height: '', //身高
					weight: '', //体重
					age: '', //年龄
					school: '', //毕业学校
					class_s: '', //班级
					avatar: '', //头像
					custodian_relation: '', //监护人关系
					custodian_relation_id: '', //监护人关系id
					address: '', //详细地址
					marital_status: '', //婚姻状况
					marital_s_id: '', //婚姻状况id
					company: '', //公司
					graduate: "", //毕业学校
					id_card: '', //身份证号
					occupation_relation: '', //职业
					occupation_relation_id: '', //职业id
					email: '', //邮箱
					province: '', //省份
					city: '', //城市
					area: '', //区/县
					custodian_mobile: "", //监护人手机号
					custodian_t_relation: "", //监护人2关系
					custodian_t: "", //监护人2名称
					custodian_t_mobile: "", //监护人2手机号
					custodian_t_relation_id: '' //监护人2名称id
				},

			};
		},

		onLoad(options) {

		},
		methods: {


		},
	};
</script>

<style lang="scss" scoped>
	.add-student {
		min-height: 100vh;
		background-color: #f6f6f6;
		padding-bottom: calc(150rpx + env(safe-area-inset-bottom));


		/deep/.u-form {
			.u-form-item {
				background-color: #fff;
			}

			.u-form-item__body {
				padding: 30rpx;
			}

			.group {
				margin-top: 20rpx;
			}

			.u-form-item__body__right__message {
				margin-left: 270rpx !important;
			}
		}
	}
</style>
